<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>影像下载审核记录查询</title>
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/easyui_my.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/css.css" />
<script type="text/javascript" src="${ctx}/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx }/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/js/common.js"></script>
<script type="text/javascript">
//设置指定日期
Date.prototype.format = function(fmt){
	var o = {"M+": this.getMonth()+1,        //月份
	"d+": this.getDate(),                    //日
	"h+": this.getHours(),                   //小时
	"m+": this.getMinutes(),                 //分
	"s+": this.getSeconds(),                 //秒
	"q+": Math.floor((this.getMonth()+3)/3), //季度
	"S" : this.getMilliseconds()             //毫秒
	};
	if(/(y+)/.test(fmt))
	fmt=fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4 - RegExp.$1.length));
	for(var k in o)
		if(new RegExp("("+ k +")").test(fmt))
	fmt= fmt.replace(RegExp.$1, (RegExp.$1.length==1)?(o[k]):(("00"+ o[k]).substr((""+o[k]).length)));
	return fmt;
};
//获取日期getData(0)今天,getData(7)七天前
function getDatex(day){
	var zdate=new Date();
	var sdate=zdate.getTime();
	var edate=new Date(sdate-(day*24*60*60*1000)).format("yyyy-MM-dd");
	return edate;
}
function getDatex1(day){
	var zdate=new Date();
	var sdate=zdate.getTime();
	var edate=new Date(sdate-(day*24*60*60*1000)).format("yyyy-MM-dd");
	return edate;
}
$(function(){
    //视图,表格切换
    $(".chaxunjieguosdsnageqieh > li").click(function() {
      $(".chaxunjieguosdsnageqieh > li").removeClass("gudingshitukjye");
      $(this).addClass("gudingshitukjye");
    });
    //初始化号牌种类下拉框
    $("#hpzlSelect").combobox({
    	prompt:'请选择号牌种类',
		valueField: 'dmz'
		,textField: 'dmsm1'
		,url:'${ctx}/code/findCodeByCodetype.htm?xtlb=00&dmlb=1007'
  	});
    //设置日期初始值
 	$("#startTime").datetimebox("setValue",getDatex(8));
 	$("#endTime").datetimebox("setValue",getDatex1(-1));
   
    initTable(1,20);
});

//数据表
function initTable(pageNumber,pageSize){
	 var chrng = /.*[\u4e00-\u9fa5]+.*$/;
     $("#TableData").datagrid({
       url:'${ctx}/yxxxgl/findYxshxzPage.htm',
       fitColumns:true,
       border:false,
       striped:true,
       //singleSelect:true,
       pagination: false,
       //pageSize: 10,                //每页记录数
       pageList: [5, 10, 15, 20, 30, 50], //分页记录数数组
       /* remoteSort:false,//是否从服务器排序数据*/
       loadMsg:'数据加载中请稍后……', 
       idField:'xh',
       queryParams:{
    	   pageSize:pageSize,
	       page:pageNumber,
	       hphm:$("#hphmSelect").val(),
	       hpzl:$("#hpzlSelect").combobox('getValue'),
	       startTime:$("#startTime").combobox('getValue'),
	       endTime:$("#endTime").combobox('getValue')
       },
       columns:[[
		 {field:'',checkbox:true,align:'center',fixed:true,split:true},
         {field:'hphmmc',title:'号牌号码',width:'100',fixed:true,align:'center',split:true},
         {field:'hpzlmc',title:'号牌种类',width:'100',fixed:true,align:'center',split:true},
         {field:'clpp1',title:'车辆品牌',width:'100',fixed:true,align:'center',split:true},
         {field:'csysmc',title:'车身颜色',width:'80',fixed:true,align:'center',split:true},
         {field:'syr',title:'所有人',width:'250',fixed:true,align:'center',split:true},
         {field:'fdjh',title:'发动机号',width:'150',fixed:true,align:'center',split:true},
         {field:'clsbdh',title:'车辆识别代号',width:'200',fixed:true,align:'center',split:true},
         {field:'wkccmc',title:'外廓尺寸(毫米)',width:'200',fixed:true,align:'center',split:true},
         {field:'cz',title:'操作',width:'110',align:'center',fixed:true,split:true,formatter:function(value,row,index){
        	 return "<a class=\"chense2\" href=\"javascript:VerifyInfo('"+row.xh+"','2')\" >通过</a> "
        	 +"<a class=\"chense1\" href=\"javascript:VerifyInfo('"+row.xh+"','3')\" >不通过</a> "
        	+" <a class=\"chense2\" href=\"javascript:CheckInfo('"+row.xh+"')\" >详情</a>";
	  	 }}
       ]],
       onDblClickRow: function (rowIndex, rowData) {
    	   CheckInfo(rowData.xh);
       },
       onLoadSuccess: function (data) {
         initPage(data.total);
       }
     });
} 

function initPage(total){
      $('#pp').pagination({
        total:total,
        pageSize:'20',
        onSelectPage:function(pageNumber, pageSize){
	       
		  $("#TableData").datagrid("load",{
			  	pageSize:pageSize,
		        page:pageNumber,
		        hphm:$("#hphmSelect").val(),
		        hpzl:$("#hpzlSelect").combobox('getValue'),
		        startTime:$("#startTime").combobox('getValue'),
		        endTime:$("#endTime").combobox('getValue')
		  });
      	}
    });
}
function CheckInfo(xh){
	//var hphm = encodeURI(encodeURI($("#hphmSelect").val()));
	var hphm = $("#hphmSelect").val();
	var reg = /[\u4e00-\u9fa5]/g;//筛选是否有中文
	hphm = hphm.replace(reg, "");
	var hpzl = $("#hpzlSelect").combobox('getValue');
	var startTime = $("#startTime").combobox('getValue');
	var endTime = $("#endTime").combobox('getValue');
	parent.addTab("影像档案详情","${ctx}/yxxxgl/findYxshxzByxhFirstIn.htm?xh="+xh+"&hphm="+hphm+
			"&hpzl="+hpzl+"&startTime="+startTime+"&endTime="+endTime);
} 

//根据界面中的样件，过滤查询机动车基本信息列表
function queryDataGrid(){
	var hphm = $("#hphmSelect").val();
	var reg = /[\u4e00-\u9fa5]/g;//筛选是否有中文
	hphm = hphm.replace(reg, "");
	var hpzl = $("#hpzlSelect").combobox('getValue');
	var startTime = $("#startTime").combobox('getValue');
	var endTime = $("#endTime").combobox('getValue');
	  $("#TableData").datagrid("load",{
		  hphm:hphm,
	      hpzl:hpzl,
	      startTime:startTime,
	      endTime:endTime
	  });
}
</script>
</head>
<body class="easyui-layout" options="border:false">
<div data-options="region:'north',height:120,border:false" style="padding-left:10px;padding-right: 10px;padding-top: 5px;">
  <div class="xinxichaxunkuangz1">
    <div class="dashujtiaojianxuanxiangkuan">
      <div class="dashujtiaojianxuanxiangkuan_lie">
          <div class="tiaojian_key">开始时间：</div>
          <div class="tiaojian_values">
            <ul class="tiaojian_values_limian">
              <li>
                <input id="startTime" type="text" name="startTime" class="easyui-datetimebox shurukuangkais"/>
              </li>
              <li><span class="buchongdbiaotdsw">结束时间：</span>
                <input id="endTime" type="text" name="endTime" class="easyui-datetimebox shurukuangkais"/>
              </li>
            </ul>
          </div>
        </div>
        <div class="dashujtiaojianxuanxiangkuan_lie">
          <div class="tiaojian_key">号牌号码：</div>
          <div class="tiaojian_values">
            <ul class="tiaojian_values_limian">
              <li><input id="hphmSelect" type="text" class="shurukuangkais" placeholder='请输入号牌号码'/></li>
              <li><span class="buchongdbiaotdsw">号牌种类：</span>
                <input id="hpzlSelect" class="easyui-combobox shurukuangkais"/>
              </li>
             <!--  <li><span class="buchongdbiaotdsw">号牌颜色：</span>
                <input id="hpysSelect" type="text" class="easyui-combobox shurukuangkais"/>
              </li> -->
            </ul>
          </div>
        </div>
      </div>
      <div class="chaxunchongzhianniu">
        <a href="javascript:BatchVerify()" class="sousuocx">批量审批</a>
        <a href="javascript:queryDataGrid()" class="sousuocx">查询</a>
      </div>
    </div>
 </div>
<div data-options="region:'center',border:false" style="padding-left:10px;padding-right: 10px">
  <div class="easyui-layout xinxichaxunkuangz2" data-options="fit:true,border:false">
    <div class="tupianqiehuantop" data-options="region:'north',border:false" style="height: 37px">
      <span class="chaxunjieguosd">搜索结果</span>
    </div>
    <div id="tableDiv" data-options="region:'center',border:false" style="overflow-y: auto;">
      <table id="TableData" data-options="cls:'biaogeycangds',fit:true"></table>
    </div>
    <div data-options="region:'south',border:false" style="height:32px">
      <div class="easyui-panel">
        <div class="easyui-pagination" id="pp"></div>
      </div>
     </div>
  </div>
</div>
<div id="SelectWin" style="width:300px;height:170px;padding:10px; " class="easyui-dialog" title="批量审核" data-options="modal:true,closed:true,cls:'gaojisousuijdhw'">         
	<table>
		<tr>
		 <td><input type="radio" name="radio1" value="2">审核通过</td>
		 <td><input type="radio" name="radio1" value="3">审核不通过</td>
		</tr>
		<tr>
		<td align="left" class="tangchukuangliebiao1">
			<a href="javascript:verifyButton()" class="sousuocx" style="margin: 0 27px 0 0; float: right;">确定</a>
			<a href="javascript:cancleButton()" class="sousuocx" style="margin: 0 27px 0 0; float: right;">取消</a>
		</td>
		<tr>
	</table>
</div>
<script type="text/javascript">
function VerifyInfo(xh,id){
	var rs="";
	if(id=='2'){
 		rs=confirm("确认通过下载申请？");
	}else if(id=='3'){
		rs=confirm("确认不通过下载申请？");
	}
	if(rs){ 
		$.ajax({
			type:'POST',
			url:'${ctx}/yxxxgl/updateYxxzzt.htm',
			data:{yxxzzt:id,
				  xh:xh},
			success:function(data, textStatus, jqXHR){
				if(data=="true"){
					alert("审批成功！");
					queryDataGrid();
				}else{
					alert("审批失败！");
				}				
			},
			error:function(XMLHttpRequest, textStatus, errorThrown){	
			}
		});
	}
}
var Ids="";
function BatchVerify(){
	Ids="";	
	var selectValues = $("#TableData").datagrid("getSelections");
	for(var i=0;i<selectValues.length;i++){
		if(i==0){
			Ids+=selectValues[i].xh;
		}else{
			Ids+=","+selectValues[i].xh;
		}
	}
	if(Ids.length =="0"){
		alert("请先选择要审核的记录！");
		return;
	}
	$('#SelectWin').window('open');

}
function verifyButton(){
	jQuery('#TableData').datagrid('clearSelections');
	var logoid="";
	$("input[name='radio1']:checked").each(function(i,n){
        logoid=$(this).val();
    });
	$.ajax({
		type:'POST',
		url:'${ctx}/yxxxgl/updateYxxzztBatch.htm',
		data:{yxxzzt:logoid,
			xh:Ids},
		success:function(data, textStatus, jqXHR){
			$("#SelectWin").window("close");
			if(data=="true"){				
				alert("批量审批成功！");
				queryDataGrid();
			}else{
				alert("批量审批失败！");
			}
			
		},
		error:function(XMLHttpRequest, textStatus, errorThrown){

		}
	});	
}
function cancleButton(){
		$("#SelectWin").window("close");
}
</script>
</body>
</html>
